$(function () {
  // 1.获取用户信息
  getUserInfo();
  var layer = layui.layer;

  // 3.点击退出按钮 清空token值 返回首页
  //3.1.给退出注册点击事件
  $("#btnLogout").on("click", function () {
    // 3.2  layui的弹出层
    layer.confirm(
      "确认退出登录?",
      { icon: 3, title: "提示" }, //icon是自带的索引可以改 图片
      function (index) {
        //do something 做什么
        // 3.3清除缓存里的toktn值
        localStorage.removeItem("token");
        // 3.4重新跳转到登录页面
        location.href = "/login.html";

        //这个是关闭confirm询问框
        layer.close(index);
      }
    );
  });
});

// 3.5写完之后会有个bug 直接修改文件路径就可以进入到后台页面
// 写在了baskAPI的js文件里

// 1.1必须写在入口函数外面  因为子页面要调用
function getUserInfo() {
  $.ajax({
    type: "GET",
    url: "/my/userinfo",
    success: function (res) {
      if (res.status !== 0) return layui.layer.msg("获取用户信息失败！");

      // 2.5调用 renderAvatar 渲染用户的头像
      renderAvatar(res.data);
    },
  });
}

// 2.渲染头像 顶一个函数
function renderAvatar(user) {
  // 2.1获取用户名称
  var name = user.nickname || user.username;
  // 2.2设置欢迎的文本
  $("#welcome").html("欢迎&nbsp;&nbsp;" + name);
  // 2.3按需要渲染用户头像
  if (user.user_pic !== null) {
    //等于null意思就是没有设置头像
    $(".layui-nav-img").attr("src", user.user_pic).show();
    // $(".layui-nav-img").attr("scr", user.user_pic).show();
    $(".text-avatar").hide();
  } else {
    // 2.4渲染用户名头像
    $(".layui-nav-img").hide();
    var first = name[0].toUpperCase(); //过去用户名的第一个值 并转为大写字母
    $(".text-avatar").html(first).show();
  }
}

// 激活文章列表的左侧菜单
function activeArtList() {
  $(".layui-this").removeClass("layui-this");
  $("#art_list").addClass("layui-this");
}
